﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script type="text/javascript" src="Scripts/jquery.js"></script>
    <script type="text/javascript" src="Scripts/jquery-ui.js"></script>
    <script type="text/javascript" src="Scripts/jquery.listnav.js"></script>
    <script type="text/javascript" src="Scripts/json2.min.js"></script>
	<script type="text/javascript" src="Scripts/ServiceCaller.js"></script>
    <script type="text/javascript" src="Scripts/prototypes.js"></script>
    <script type="text/javascript" src="Scripts/EnumHelper.js"></script>
    <script type="text/javascript" src="Scripts/Util.js"></script>
    <script type="text/javascript" src="Scripts/Formatters.js"></script>
    <script type="text/javascript" src="Scripts/Main.js"></script>
    <script type="text/javascript" src="Scripts/ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="Scripts/ckeditor/adapters/jquery.js"></script>

    <link rel="Stylesheet" type="text/css" href="Styles/redmond/jquery-ui-1.8.17.custom.css" />
    <link rel="Stylesheet" type="text/css" href="Styles/Main.less.css" />

    <script language="javascript" type="text/javascript">

        //Global = { PathWebService: "http://www.luctectecnologia.com.br/WS/Service1.svc/" };
        Global = { PathWebService: "http://localhost:1502/Service1.svc/" };

        var clientWS = new ServiceCaller(Global.PathWebService);

        $(document).ready(function () {

            $('#EmailTemplateBody').ckeditor({ 'language': 'pt-br' });

            $("#tabs").tabs();

            Loader.Initialize();
            Modal.Initialize();
            EmailTemplate.Initialize();
            Contact.Initialize();
            EmailList.Initialize();
            Schedule.Initialize();
            EmailListContact.Initialize();
        });
        
    </script>
</head>
<body>
    <div id="tabs">
	    <ul>
		    <li><a href="#tabs-1">Contatos</a></li>
		    <li><a href="#tabs-2">Templates de E-mail</a></li>
		    <li><a href="#tabs-3">Listas de E-mail</a></li>
            <li><a href="#tabs-4">Listas de Contato</a></li>
            <li><a href="#tabs-5">Agendar</a></li>
	    </ul>
	    <div id="tabs-1">
		    <div id="Contact">
                <div class="Form">
                    <div id="ContactError" class="Error ui-state-highlight" style="display: none;"></div>
                    <label>Nome: </label>
                    <input id="ContactName" type="text" />

                    <label>E-mail: </label>
                    <input id="ContactEmail" type="text" />
                    <img id="ContactSave" src="Styles/images/Save.png" alt="Save" />
                </div>
                <table id="Contacts">
                    <thead>
                        <tr>
                            <th>Nome</th>
                            <th>E-mail</th>
                            <th>Status</th>
                            <th>Editar</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
	    </div>
	    <div id="tabs-2">
            <div id="EmailTemplate">
                <div class="Form">
                    <div id="EmailTemplateError" class="Error ui-state-highlight" style="display: none;"></div>
                    <div>
                        <label>Nome: </label>
                        <input id="EmailTemplateName" type="text" />
                    </div>
                    <div>
                        <label>Template: </label>
                        <textarea id="EmailTemplateBody"></textarea>
                    </div>
                    <div id="divEmailTemplateSave">
                        <button id="EmailTemplateSave" onclick="javascript:return false;">Salvar</button>
                    </div>
                    <table id="EmailTemplates">
                        <thead>
                            <tr>
                                <th>Nome</th>
                                <th>Status</th>
                                <th>Editar</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
	    </div>
	    <div id="tabs-3">
		    <div id="EmailList">
                <div class="Form">
                    <div id="EmailListError" class="Error ui-state-highlight" style="display: none;"></div>
                    <label>Nome: </label>
                    <input id="EmailListName" type="text" />
                    <img id="EmailListSave" src="Styles/images/Save.png" alt="Save" />
                </div>
                <table id="EmailLists">
                    <thead>
                        <tr>
                            <th>Nome</th>
                            <th>Status</th>
                            <th>Editar</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
	    </div>
        <div id="tabs-4">
		    <div id="EmailList-Contacts">
                <div class="Form">
                    <div id="EmailListContactsError" class="Error ui-state-highlight" style="display: none;"></div>
                    <div class="EmailList">
                        <h2 class="ui-widget-header">Lista de E-mail</h2>
                        <ul id="EmailListContacts">
                        </ul>
                    </div>
                    <div class="Contacts">
                        <h2 class="ui-widget-header">Lista de Contatos</h2>
                        <ul id="ContactsListNav"></ul>
                    </div>
                    <img id="EmailListContactSave" src="Styles/images/Save.png" alt="Save" />
                </div>
            </div>
	    </div>
        <div id="tabs-5">
		    <div id="Schedule">
                <div class="Form">
                    <div id="ScheduleError" class="Error ui-state-highlight" style="display: none;"></div>
                    <label>Template: </label>
                    <select>
                        <option>Comercial</option>
                        <option>Financeiro</option>
                    </select>
                    <label>Lista de Contatos: </label>
                    <select>
                        <option>Lista1</option>
                        <option>Lista2</option>
                    </select>
                    <label>Data do envio: </label>
                    <input id="SendDate" type="text" />
                    <label>Hora do envio: </label>
                    <select id="SendHour">
                        <option>0</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                    </select>
                    <img id="ScheduleSave" src="Styles/images/Save.png" alt="Save" />
                </div>
                <table id="Schedules">
                    <thead>
                        <tr>
                            <th>Template</th>
                            <th>Lista de Contatos</th>
                            <th>Data do Envio</th>
                            <th>Hora do Envio</th>
                            <th>Status</th>
                            <th>Editar</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
	    </div>
    </div>
    <div id="dialog-modal">Teste</div>
</body>
</html>
